/*
 * @Author: your name
 * @Date: 2022-02-10 16:29:49
 * @LastEditTime: 2022-02-12 09:59:13
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \jike\src\pages\Layout\ArticleList.js
 */
import { Component } from 'react';
import {
  Card,
  Breadcrumb,
  Form,
  Button,
  Radio,
  Select,
  DatePicker,
} from 'antd';
import { Link } from 'react-router-dom';
const { RangePicker } = DatePicker;

export default class ArticleList extends Component {
  render() {
    return (
      <div className="root">
        <Card
          title={
            <Breadcrumb separator="/">
              <Breadcrumb.Item>
                <Link to="/home">首页</Link>
              </Breadcrumb.Item>
              <Breadcrumb.Item>文章列表</Breadcrumb.Item>
            </Breadcrumb>
          }
        >
          <Form initialValues={{ status: null }}>
            <Form.Item label="状态" name="status">
              <Radio.Group>
                <Radio value={null}>全部</Radio>
                <Radio value={0}>草稿</Radio>
                <Radio value={1}>待审核</Radio>
                <Radio value={2}>审核通过</Radio>
                <Radio value={3}>审核失败</Radio>
              </Radio.Group>
            </Form.Item>

            <Form.Item label="频道" name="password">
              <Select placeholder="请选择频道" style={{ width: 200 }}>
                <Select.Option value="jack">Jack</Select.Option>
                <Select.Option value="lucy">Lucy</Select.Option>
                <Select.Option value="Yiminghe">yiminghe</Select.Option>
              </Select>
            </Form.Item>

            <Form.Item label="日期" name="password">
              <RangePicker />
            </Form.Item>

            <Form.Item>
              <Button type="primary" htmlType="submit">
                筛选
              </Button>
            </Form.Item>
          </Form>
        </Card>
      </div>
    );
  }
}
